document.write('<script src="https://rohtocdnst01-atbadkejf9c6hgaf.a03.azurefd.net/sitecore/Media/plugin/tingle/tingle.min.js"></script>');

// CSS遅延読み込み
let tinglecss = function () {
  let l = document.createElement("link");
  l.rel = "stylesheet";
  l.href = "https://rohtocdnst01-atbadkejf9c6hgaf.a03.azurefd.net/sitecore/Media/plugin/tingle/tingle.min.css";
  let h = document.getElementsByTagName("head")[0];
  h.parentNode.insertBefore(l, h);
};

function callLazyCSS(cb) {
  let raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame;
  if (raf) raf(cb);
  else window.addEventListener("load", cb);
}

callLazyCSS(tinglecss);

// tingle
window.addEventListener("DOMContentLoaded", function (event) {
  var modalContent = "";
  var modal = new tingle.modal({
    beforeClose: function () {
      modal.setContent("");
      return true;
    },
  });
  var modalTrigger = document.querySelectorAll("[data-modal]");
  if (modalTrigger.length > 0) {
    for (let i = 0; i < modalTrigger.length; i++) {
      var el = modalTrigger[i];
      _addModalEvent(el);
    }
  }
  function _addModalEvent(el) {
    el.addEventListener("click", function (event) {
      event.preventDefault();
      var target = el.getAttribute("data-modal");
      var modalContent = document.querySelector(target);
      if (modalContent) {
        modal.setContent(modalContent.innerHTML);
        modal.open();
      }
    });
  }
});